@import './vw';
@import './common1';

.content{
    &::after,&::before{
        content: "";
        display: block;
        visibility: hidden; 
    }
    &::before{
        height: vw(90);
    }
    &::after{
        height: vw(96);
    }
    
    
    .tencent-content{
        width: vw(585);
        margin: vw(42) auto 0;
        .tencent-box{
            h1{
                font-size: vw(30);
                font-weight: 600;
                margin-bottom: vw(18);
            }
            span{
                color: #c5c5c5;
                // margin-top: vw(18);
            }
            span:first-of-type{
                font-size: vw(22);
            }
            span:nth-of-type(2){
                font-size: vw(20);
                margin-left: vw(18);
                img{
                    width: vw(24);
                    height: vw(14);
                    margin-right: vw(-2);
                }
            }
        }
        .ad{
            font-size: vw(22);
            color: #8b8b8b;
            width: vw(462);
            margin: vw(48) 0 vw(26);
            line-height: vw(24);
        }
        
        >img{
            width: 100%;
            height: vw(337);
            margin-bottom: vw(29);
        }

        .contact{
            height: vw(75);
            border-top: 1px solid #c6c6c6;
            display: flex;
            align-items: flex-end;
            font-size: vw(28);
            color: #8e8d8d;
            span{
                margin-left: vw(12);
            }
        }
        
    }

    .person{
        width: 100%;
        height: vw(151);
        margin-top: vw(16);
        display: flex;
        justify-content: space-around;
        align-items: center;
        background-color: red;
        p{
            font-size: vw(22);
            color: white;
            flex-basis: 100%;
            text-align: center;
        }
        img{
            margin-bottom: vw(20);
        }
        .person-name{
            width: vw(213);
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            img{
                width: vw(44);
                height: vw(41);
            }    
        }
        .person-teil{
            width: vw(213);
            height: vw(115);
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            border-left: 1px solid white;
            border-right: 1px solid white;
            img{
                width: vw(39);
                height: vw(39);
            }
        }
        .person-mail{
            width: vw(213);
            width: vw(213);
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            img{
                width: vw(37);
                height: vw(38);
            }
        }
    }
}